<!DOCTYPE html>
<!-- saved from url=(0067)http://demo.mxyhn.xyz:8020/cssthemes6/1.11ZF29/lyear_ui_alerts.html -->
<html lang="zh">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>茶叶销售管理系统</title>
		<link rel="icon" href="http://demo.mxyhn.xyz:8020/cssthemes6/1.11ZF29/favicon.ico" type="image/ico">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="author" content="yinqi">
		<link href="./css/bootstrap.min.css" rel="stylesheet">
		<link href="./css/materialdesignicons.min.css" rel="stylesheet">
		<link href="./css/style.min.css" rel="stylesheet">
	</head>

	<body>
		<div class="lyear-layout-web">
			<div class="lyear-layout-container">
				<!--左侧导航-->
				<aside class="lyear-layout-sidebar">

					<!-- logo -->
					<div id="logo" class="sidebar-header">
						<a href="http://demo.mxyhn.xyz:8020/cssthemes6/1.11ZF29/index.html"><img
								src="./img/logo-sidebar.png" title="LightYear" alt="LightYear"></a>
					</div>
					<div class="lyear-layout-sidebar-scroll ps ps--active-y">

						<nav class="sidebar-main">
							<ul class="nav nav-drawer">
								<li class="nav-item active"> <a href="./index.html"><i class="mdi mdi-home"></i>
										后台首页</a> </li>
								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="mdi mdi-palette"></i> 客户及订单</a>
									<ul class="nav nav-subnav">
										<li> <a href="./customer.html">客户资料</a>
										</li>
										<li> <a href="./order.html">订单资料</a>
										</li>
									</ul>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i>茶叶种类</a>
									<ul class="nav nav-subnav">
										<li> <a href="./introduce.html">茶叶介绍</a>
										</li>
										<li> <a href="">茶叶价格</a href=""></a>
										</li>
									</ul>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="mdi mdi-menu"></i> 供应商</a>
									<ul class="nav nav-subnav">
										<li> <a href="">供应商信息</a>
										</li>
										<li> <a href="">茶类及批发价格</a>
										</li>
									</ul>
								</li>
							</ul>
						</nav>

						<div class="sidebar-footer">

						</div>
						<div class="ps__rail-x" style="left: 0px; bottom: 2px;">
							<div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div>
						</div>
						<div class="ps__rail-y" style="top: 0px; height: 541px; right: 2px;">
							<div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 308px;"></div>
						</div>
					</div>

				</aside>
				<!--End 左侧导航-->

				<!--头部信息-->
				<header class="lyear-layout-header">

					<nav class="navbar navbar-default">
						<div class="topbar">

							<div class="topbar-left">
								<div class="lyear-aside-toggler">
									<span class="lyear-toggler-bar"></span>
									<span class="lyear-toggler-bar"></span>
									<span class="lyear-toggler-bar"></span>
								</div>
								<span class="navbar-page-title"> </span>
							</div>

							<ul class="topbar-right">
								<li class="dropdown dropdown-profile">
									<a href="javascript:void(0)" data-toggle="dropdown">
										<img class="img-avatar img-avatar-48 m-r-10" src="./img/avatar.jpg" alt="笔下光年">
										<span>茶叶系统 <span class="caret"></span></span>
									</a>
									<ul class="dropdown-menu dropdown-menu-right">
										<li> <a href=""><i class="mdi mdi-account"></i> 个人信息</a> </li>
										<li> <a href=""><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
										<li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
										<li class="divider"></li>
										<li> <a href=""><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
									</ul>
								</li>
								<!--切换主题配色-->
								<li class="dropdown dropdown-skin">
									<span data-toggle="dropdown" class="icon-palette"><i
											class="mdi mdi-palette"></i></span>
									<ul class="dropdown-menu dropdown-menu-right" data-stoppropagation="true">
										<li class="drop-title">
											<p>主题</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
												<input type="radio" name="site_theme" value="default" id="site_theme_1"
													checked="">
												<label for="site_theme_1"></label>
											</span>
											<span>
												<input type="radio" name="site_theme" value="dark" id="site_theme_2">
												<label for="site_theme_2"></label>
											</span>
											<span>
												<input type="radio" name="site_theme" value="translucent"
													id="site_theme_3">
												<label for="site_theme_3"></label>
											</span>
										</li>
										<li class="drop-title">
											<p>LOGO</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
												<input type="radio" name="logo_bg" value="default" id="logo_bg_1"
													checked="">
												<label for="logo_bg_1"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
												<label for="logo_bg_2"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
												<label for="logo_bg_3"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
												<label for="logo_bg_4"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
												<label for="logo_bg_5"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
												<label for="logo_bg_6"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
												<label for="logo_bg_7"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
												<label for="logo_bg_8"></label>
											</span>
										</li>
										<li class="drop-title">
											<p>头部</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
												<input type="radio" name="header_bg" value="default" id="header_bg_1"
													checked="">
												<label for="header_bg_1"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_2" id="header_bg_2">
												<label for="header_bg_2"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_3" id="header_bg_3">
												<label for="header_bg_3"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_4" id="header_bg_4">
												<label for="header_bg_4"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_5" id="header_bg_5">
												<label for="header_bg_5"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_6" id="header_bg_6">
												<label for="header_bg_6"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_7" id="header_bg_7">
												<label for="header_bg_7"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_8" id="header_bg_8">
												<label for="header_bg_8"></label>
											</span>
										</li>
										<li class="drop-title">
											<p>侧边栏</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
												<input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1"
													checked="">
												<label for="sidebar_bg_1"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
												<label for="sidebar_bg_2"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
												<label for="sidebar_bg_3"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
												<label for="sidebar_bg_4"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
												<label for="sidebar_bg_5"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
												<label for="sidebar_bg_6"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
												<label for="sidebar_bg_7"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
												<label for="sidebar_bg_8"></label>
											</span>
										</li>
									</ul>
								</li>
								<!--切换主题配色-->
							</ul>

						</div>
					</nav>

				</header>
				<!--End 头部信息-->

				<!--页面主要内容-->
				<main class="lyear-layout-content">

					<div class="container-fluid">

						<div class="row">
							<div class="col-lg-12">
								<div class="card">
									<div class="card-header">
										<h4>小罐茶</h4>
									</div>
									<div class="card-body">

										<div class="alert alert-success" role="alert">龙井茶 ————
											形扁平光滑、 挺直尖削、嫩绿鲜润；
											冲泡后芽叶成朵，鲜嫩清香伴有丝丝豆香，
											回味持久，着实为“龙井中的标杆级产品”。</div>


										<div class="alert alert-danger" role="alert">黄山毛峰 ————
											择取黄山毛峰发源地徽州区富溪乡山地丛栽茶园的明前第一拨初展芽叶，
											冲泡后香气如兰，滋味甘甜、醇厚。诚属风味特立、百喝不厌的绿茶代表。
										</div>
										<div class="alert alert-warning" role="alert">清香铁观音 ———— 产自高山生态云端茶园、
											鲜叶原料、颗粒圆结重实，
											色泽绿润砂绿；冲泡后香高持久，汤色蜜绿金亮，滋味鲜醇高爽，
											体现出传统正味的兰花香、观音韵。

										</div>
										<div class="alert alert-info" role="alert">
											武夷大红袍 ————
											采摘武夷山世界双遗产地核心景区一级春茶茶青，
											冲泡后汤色橙黄明亮；香气馥郁，带有兰花香；
											滋味醇厚，回甘明显，不负“杯中过三香”、“口中有三变”之美誉。
										</div>

									</div>
								</div>
							</div>

							<div class="col-md-6">
								<div class="card">
									<div class="card-header">
										<h4>制茶大师</h4>
									</div>
									<div class="card-body">

										<div class="alert alert-success" role="alert">
											中国普洱茶终身成就大师
											原勐海茶厂厂长、总工程师 <a href="" class="alert-link">邹炳良</a>。
										</div>
										<div class="alert alert-danger" role="alert">
											非物质文化遗产项目
											安溪乌龙茶制作技艺传承人 <a href="" class="alert-link">高碰来</a>。
										</div>
										<div class="alert alert-warning" role="alert">
											非物质文化遗产项目
											滇红茶制作技艺传承人 <a href="" class="alert-link">林振传</a>。
										</div>
										<div class="alert alert-info" role="alert">
											非物质文化遗产项目
											福州茉莉花茶窨制技艺传承人 <a href="" class="alert-link">张成仁</a>。
										</div>

									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="card">
									<div class="card-header">
										<h4>小罐茶具</h4>
									</div>
									<div class="card-body">

										<div class="alert alert-success alert-dismissible" role="alert">
											<button type="button" class="close" data-dismiss="alert"
												aria-label="Close"><span aria-hidden="true">×</span></button>
											<strong>长官杯</strong> 陶瓷和金属的完美结合
										</div>
										<div class="alert alert-danger alert-dismissible" role="alert">
											<button type="button" class="close" data-dismiss="alert"
												aria-label="Close"><span aria-hidden="true">×</span></button>
											<strong>行政套</strong> 鹰式嘴壶，收断水自如
										</div>
										<div class="alert alert-warning alert-dismissible" role="alert">
											<button type="button" class="close" data-dismiss="alert"
												aria-label="Close"><span aria-hidden="true">×</span></button>
											<strong>行政套2.0</strong> 从容不迫，共品茶香
										</div>
										<div class="alert alert-info alert-dismissible" role="alert">
											<button type="button" class="close" data-dismiss="alert"
												aria-label="Close"><span aria-hidden="true">×</span></button>
											<h4>小罐茶具 杯碟相配，
												与生俱来的仪式感

											</h4>
											<p>融合传统茶具和西方现代茶具优点，为口杯添置杯柄、杯托，杯柄防烫，杯托接收
												外溢茶渍，让饮茶变得从容自得，打造出
												与生俱来的优雅体验。
											</p>
											<p>
												<button type="button" class="btn btn-danger">立即购买</button>
												<button type="button" class="btn btn-default">了解更多</button>
											</p>
										</div>

									</div>
								</div>
							</div>

						</div>

					</div>

				</main>
				<!--End 页面主要内容-->
			</div>
		</div>

		<script type="text/javascript" src="./js/jquery.min.js"></script>
		<script type="text/javascript" src="./js/bootstrap.min.js"></script>
		<script type="text/javascript" src="./js/perfect-scrollbar.min.js">
		</script>
		<script type="text/javascript" src="./js/main.min.js"></script>

	</body>
</html>
